Basic Library for UWP
手順3:アプリケーションへのコードの追加
Basic Library for UWP > Input for UWP > クイックスタート > MaskedTextBox クイックスタート > 手順3:アプリケーションへのコードの追加

これまでの手順では、アプリケーションのユーザーインタフェースを設定し、いくつかのコントロールをアプリケーションに追加しました。この手順では、機能を追加するコードをアプリケーションに追加します。

次の手順に従います。

  1. 表示]→[コード]を選択してコードビューに切り替えます。
  2. コードビューで、次の import 文をページの先頭に追加します。

    Visual Basic コードの書き方

    Visual Basic
    コードのコピー
    Imports C1.Xaml

    C# コードの書き方

    C#
    コードのコピー
    using C1.Xaml;
  3. 次の C1MaskedTextBox_TextChanged イベントハンドラをプロジェクトに追加します。

    Visual Basic コードの書き方

    Visual Basic
    コードのコピー
    Private Sub c1mtb1_TextChanged(ByVal sender As System.Object, ByVal e As System.Windows.Controls.TextChangedEventArgs) Handles c1mtb1.TextChanged
        Me.tb2.Text = "マスク: " & Me.c1mtb1.Mask & "  値: " & Me.c1mtb1.Value & "  テキスト: " & Me.c1mtb1.Text
    End Sub
    Private Sub c1mtb2_TextChanged(ByVal sender As System.Object, ByVal e As System.Windows.Controls.TextChangedEventArgs) Handles c1mtb2.TextChanged
        Me.tb3.Text = "マスク: " & Me.c1mtb2.Mask & "  値: " & Me.c1mtb2.Value & "  テキスト: " & Me.c1mtb2.Text
    End Sub
    Private Sub c1mtb3_TextChanged(ByVal sender As System.Object, ByVal e As System.Windows.Controls.TextChangedEventArgs) Handles c1mtb3.TextChanged
        Me.tb4.Text = "マスク: " & Me.c1mtb3.Mask & "  値: " & Me.c1mtb3.Value & "  テキスト: " & Me.c1mtb3.Text
    End Sub
    Private Sub c1mtb4_TextChanged(ByVal sender As System.Object, ByVal e As System.Windows.Controls.TextChangedEventArgs) Handles c1mtb4.TextChanged
        Me.tb5.Text = "マスク: " & Me.c1mtb4.Mask & "  値: " & Me.c1mtb4.Value & "  テキスト: " & Me.c1mtb4.Text
    End Sub

    C# コードの書き方

    C#
    コードのコピー
    private void c1mtb1_TextChanged(object sender, TextChangedEventArgs e)
    {
        this.tb2.Text = ": " + this.c1mtb1.Mask + " 値: " + this.c1mtb1.Value + " テキスト: " + this.c1mtb1.Text;
    }
    private void c1mtb2_TextChanged(object sender, TextChangedEventArgs e)
    {
        this.tb3.Text = "マスク: " + this.c1mtb2.Mask + " 値: " + this.c1mtb2.Value + " テキスト: " + this.c1mtb2.Text;
    }
    private void c1mtb3_TextChanged(object sender, TextChangedEventArgs e)
    {
        this.tb4.Text = "マスク: " + this.c1mtb3.Mask + " 値: " + this.c1mtb3.Value + " テキスト: " + this.c1mtb3.Text;
    }
    private void c1mtb4_TextChanged(object sender, TextChangedEventArgs e)
    {
        this.tb5.Text = "マスク: " + this.c1mtb4.Mask + " 値: " + this.c1mtb4.Value + " テキスト: " + this.c1mtb4.Text;
    }
  4. 次のコードを Page コンストラクタに追加します。

    Visual Basic コードの書き方

    Visual Basic
    コードのコピー
    Public Sub New()
        InitializeComponent()
        Me.c1mtb1_TextChanged(Nothing, Nothing)
        Me.c1mtb2_TextChanged(Nothing, Nothing)
        Me.c1mtb3_TextChanged(Nothing, Nothing)
        Me.c1mtb4_TextChanged(Nothing, Nothing)
    End Sub

    C# コードの書き方

    C#
    コードのコピー
    public MainPage()
    {
        InitializeComponent();
        this.c1mtb1_TextChanged(null, null);
        this.c1mtb2_TextChanged(null, null);
        this.c1mtb3_TextChanged(null, null);
        this.c1mtb4_TextChanged(null, null);
    }

この手順では、アプリケーションにコードを追加しました。次の手順では、アプリケーションを実行し、実行時の操作を確認します。

関連トピック